<template>
    <div>
        <div class="formItem">
            <div class="label">
                <div class="required">*</div>
                <div class="labelText">
                    选择设备：
                </div>
            </div>
            <div class="value">
                <div class="button">请选择</div>
            </div>
        </div>

        <div class="formItem">
            <div class="label" style="color: brown; display: none;">
                <div class="required">*</div>
                <div class="labelText">
                    执行类型：
                </div>
            </div>
            <div class="value">
                <select class="select">
                    <option value="1">每日</option>
                    <option value="2">停止</option>
                </select>
                <div>
                    <select class="select">
                        <option value="1">每日</option>
                        <option value="2">停止</option>
                    </select>
                    <select class="select">
                        <option value="1">每日</option>
                        <option value="2">停止</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            message: '123'
        }
    },
    mounted() {

    },
    methods: {
        printMessage() {
            console.log(this.message)
        }
    }
}
</script>

<style lang="scss" scoped>
.formItem {
    margin-bottom: 10px;
    display: flex;

    .label {
        display: flex;
        align-items: center;

        .labelText {
            margin-left: 5px;
        }

        .required {
            color: red;
        }
    }

    .value {
        .button {
            color: blue;
            font-size: 15px;
        }

        .select {
            width: 100px;
            border-color: rgba(0, 0, 0, 0.2);
        }
    }
}
</style>